<template>
  <view class="uni-popup-box">
    <uni-popup
      type="bottom"
      ref="popup"
      @change="handleClose"
      borderRadius="16rpx 116rpx 0rpx 0rpx"
      background-color="#fff"
      :mask-click="true"
    >
      <view class="main" :style="{padding: mainPadding}">
        <view class="close">
          <view class="line"></view>
        </view>
        <view>测试数据</view>
        <slot name="content"></slot>
        <view class="footer">
        <view v-for="item in footerList" :key="item"> {{ item.text }}</view>
      </view>
      </view>
   
    </uni-popup>
  </view>
</template>

<script>
export default {
	props:{
		mainPadding:{
			type:[String],
			default:'0 20rpx'
		},
		footerList:{
			type:Array,
			default:()=>{
				return [{text:'确定',type:'comifre'}];
			}
		}
	},
	data() {
		return {};
	},
	methods: {
		handleClose() {},
	},
};
</script>

<style lang="scss" scoped>
.uni-popup-box {
  .main {
    min-height: 600rpx;
    background: #fff;
    
  }
  .close {
    height: 40rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    .line {
      width: 64rpx;
      height: 10rpx;
      border-radius: 5rpx;
      background: #d8d8d8;
      margin: 20rpx auto;
    }
  }
}
</style>
